<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>红包卡券</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/reward.css">
    <link rel="stylesheet" href="/css/page.css">
    <link rel="stylesheet" href="/css/user_siderbar.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/users/reward"></script>
</head>
<body>
<#include "/include/header.ftl">
<div class="container clear">

<#include "/include/user_siderbar.ftl">
    <div class="content fr">
        <div class="red-rate">
            <div class="red-rate-center">
                <div class="rate-center-title">
                    <div class="title-red reward_tab reward_active">
                        红包
                    </div>
                    <div class="title-rate reward_tab">
                        加息券
                    </div>
                </div>
            </div>
        </div>
        <div class="red-rate">
            <div class="red-rate-center">
                <div class="screening">
                    <div class="screening-options">
                        <div class="screening-options-first" id="dont">
                            未使用
                        </div>
                        <div class="screening-options-first" id="been" style="color: #999999">
                            已使用
                        </div>
                        <div class="screening-options-first" id="overdue" style="color: #999999">
                            已过期
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="my-redenvelope" id="red">
            <div class="my-redenvelope-center clear" id="rewardList">

            </div>
            <script id="rewardListTemp" type="text/x-handlebars-template">
                {{#each this}}
                <div class="my-redenvelope-first redenvelope">
                    <div class="my-redenvelope-top">
                        <div class="redenvelope-top-title">
                            {{couponName}}
                        </div>
                        <div class="redenvelope-top-money">
                            {{amount}}<span style="font-size: 26px">元</span>
                        </div>
                        <div class="redenvelope-top-full">
                            满{{requireAmount}}元可用
                        </div>
                        <div class="redenvelope-top-fullCenter">
                            可用于{{scope}}天及以上产品
                        </div>
                        <div class="redenvelope-top-fullCenter">
                            {{addtime}}-{{expiredTime}}
                        </div>
                    </div>
                    <a href="/item/investmentList?0?1" class="employ employ-but">马上使用</a>
                </div>
                {{/each}}
            </script>
            <div class="pages">
                <nav>
                    <ul id="pages2" style="margin:74px auto">

                    </ul>
                </nav>
            </div>
        </div>
        <div class="my-redenvelope display" id="rate">
            <div class="my-redenvelope-center  clear" id="redenvelopeList">

            </div>
            <script id="redenvelopeListTemp" type="text/x-handlebars-template">
                {{#each this}}
                <div class="my-rate-first redenvelope">
                    <div class="my-redenvelope-top">
                        <div class="redenvelope-top-title">
                            {{ticketName}}
                        </div>
                        <div class="redenvelope-top-money">
                            {{rate}}<span style="font-size: 26px">%</span>
                        </div>
                        <div class="redenvelope-top-full">
                            满{{requireAmount}}元可用
                        </div>
                        <div class="redenvelope-top-fullCenter">
                            可用于{{scope}}天及以上产品
                        </div>
                        <div class="redenvelope-top-fullCenter">
                            加息天数:{{usefulLife}}天
                        </div>
                        <div class="redenvelope-top-fullCenter">
                            {{addtime}}-{{expiredTime}}
                        </div>
                    </div>
                    <a href="/item/investmentList?0?1" class="employ employ-but" style="margin-top: 18px">马上使用</a>
                </div>
                {{/each}}
            </script>
            <div class="pages">
                <nav>
                    <ul id="pages" style="margin:74px auto">

                    </ul>
                </nav>
            </div>
        </div>


    </div>
</div>
<#include "/include/footer.ftl">
<#include "/include/smalldetails.ftl">
</body>
</html>

